<template>
    <view>
        <view class="bg">
            <view class="toptitle">
                <view>专业靠谱</view>
                <view>生日管理小助手</view>
            </view>
        </view>
        <view class="heka" @click="addHeKa">
            <view class="text">
                <view>送给TA一个专属贺卡红包</view>
                <view>让您的情谊温暖TA</view>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        data(){
            return{

            }
        },
        methods:{
            addHeKa(){
                uni.navigateTo({
                    url: '/pages/hekaXiangqing/hekaXiangqing'
                })
            }
        }
    };
</script>

<style scoped>
    .bg {
        width: 100%;
        height: 333rpx;
        /* border: 1px solid red; */
        background-image: url("/static/hekaBg.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-bottom: 20rpx;
    }
    .toptitle {
        color: white;

        font-size: 40rpx;
        font-family: PingFang SC;
        font-weight: 500;
    }
    .heka {
        width: 690rpx;
        height: 300rpx;
        margin: auto;
        background: linear-gradient(0deg, #F48FB1 0%, #FEECBB 100%);
        border-radius: 20rpx;
        display: flex;
        align-items: center;
    }
    .text {
        color: white;
        margin-left: 18rpx;
        /* border: 1px solid red; */
        width: 400rpx;
        height: 100rpx;
        font-size: 30rpx;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 48rpx;
    }
</style>